/* 按钮颜色 */
.gradient-btn {
  border-radius: 18px;
  background: linear-gradient(90deg, #3b74fb 0%, #6468f7 50.5%, #9659f2 100%);
  border: 0;
}

/* 顶部样式 */
.migu-top-box {
  display: flex;
  height: 48px;
  padding: 0px 16px;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  background: #ffffff;
}

.migu-top-title {
  color: #000;
  /* Title/Small */
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 157.143% */
}

.migu-top-sub-title {
  color: #000;
  /* Body/Medium */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}
/* layout左侧布局 */
.migu-left-menu {
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;
  background: linear-gradient(180deg, #f0edf7 0%, #e3eaf7 100%) !important;
  overflow-y: auto;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.migu-menu-bg {
  background: linear-gradient(180deg, #f0edf7 0%, #e3eaf7 100%) !important;
}

.migu-main-box {
  background: #f5f7fb;
}
/* 智能体 input */
#bs-send-input::placeholder {
  color: #7587a5 !important;
}
#bs-send-input {
  color: #7587a5 !important;
}

.min-t-column200 {
  min-width: 200px !important;
}
/* 兼容 插件icon*/
.itemsCss_toollItem {
  align-items: flex-start !important;
}
.max-t-column200 {
  max-width: 200px !important;
}

.migu-font-600 {
  font-style: normal;
  font-weight: 600;
}

.migu-font-500 {
  font-style: normal;
  font-weight: 500;
}

.migu-font-400 {
  font-style: normal;
  font-weight: 400;
}

/* 兼容处理 */
.caseMarginBot {
  margin-bottom: 50px;
}
.textareaStyle {
  color: red !important;
}

.MultiSelect_height_media {
  height: 300px !important;
}

@media (max-width: 1300px) {
  .MultiSelect_height_media {
    height: 250px !important;
  }
}
.switchUniBack {
  background: #5964f3;
}

.page_footer_zIndex {
  z-index: 19;
}

.bs_ui_dialog_title_size {
  font-size: 18px !important;
}

.page_footer_zIndex {
  z-index: 19;
}

.bg-plugin {
  background: #e0e7ff;
}

.plugin-family {
  font-size: 14px;
  font-weight: 600;
}

.ant-form-item .ant-form-item-label > label {
  font-size: 14px !important;
  font-weight: 600 !important;
}
.plugin-border-right {
  border-right: 1px solid var(--Brand-Gray-Gray1-, #f4f5f8);
}

.preload-error-mask {
  background: linear-gradient(180deg, #f0edf7 0%, #e3eaf7 100%) !important;
}

/* modal fouter 居中 */
.modal_antcomp_case {
  .ant-modal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* 模仿ant的必填项左侧图标 */
.common-required-item::before {
  display: inline-block;
  margin-inline-end: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}

.common-upload-main-text {
  color: #131921;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

.common-upload-sub-text {
  color: #69798f;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.common-text-14-gray {
  color: #69798f;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.common-table-right-fixed-layer2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -2;
  border-radius: 0 8px 8px 0 !important;
  // background-color: var(--self-td-background);
  background-color: inherit;
}
.common-table-right-fixed-layer3 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: -3;
}

[id|='react-joyride-step'] {
  button {
    outline: none !important;
  }
  // .__floater__body {
  //   transform: translateY(-8px);
  //   border-radius: 6px;
  // }
  // .__floater__arrow>span {
  //   transform: scale(0.6) translateY(-16px);
  //   border-radius: 6px;
  // }
}

/* switch 默认样式修改 */
.applicationEdit_switchCase {
  /* 开启状态下的颜色 */
  .ant-switch-checked {
    background-color: #5964f3 !important;
  }

  /* 开启状态下内部分割线的颜色 */
  .ant-switch-checked::after {
    background-color: white !important;
  }

  /* 关闭状态下的颜色 */
  .ant-switch {
    background-color: none !important;
  }

  /* 关闭状态下内部分割线的颜色 */
  .ant-switch::after {
    background-color: #d9d9d9 !important;
  }
  /* 开启状态下鼠标悬停时的颜色 */
  .ant-switch-checked:hover {
    background-color: #5964f3 !important;
  }

  /* 关闭状态下鼠标悬停时的颜色 */
  .ant-switch:hover {
    background-color: none !important;
  }

  /* 移除关闭状态下的悬停效果 */
  .ant-switch:hover {
    background-color: none !important;
  }
}
/* 默认去除 */
.unselectable {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* 标准语法 */
}
/* reactFlow右下角角标隐藏 */
.react-flow__attribution {
  display: none !important;
}
/* flow node通用样式 */
.pandl_node_title {
  font-style: normal;
  white-space: nowrap;
  width: 60px;
  color: rgba(55, 67, 106, 0.38);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-right: 2px;
  text-align: right;
  white-space: nowrap;
}

.login-page-bg {
  background-image: url('/ai-background.png')
}
